@CHARSET "EUC-KR";
<style type="text/css">
        body {width:880px; margin:0 auto}
        ul {list-style:none; margin:0; padding:0}
        a {text-decoration:none}
        header, footer {text-align:center}
        header h1 {display:inline; font-style:italic}
        header h3 {display:inline}
        nav {margin:30px 0; border:1px solid #ddd; width:900px}
        nav > ul > li {display:inline-block; width:80px; font-weight:bold; margin-right:3px; font-size:9pt; padding:5px; text-align:center}
        nav > ul > li:hover {background:#eee}
        #tabTitle li {float:left; width:80px; font-weight:bold; border:1px solid #ccc; border-bottom:none; font-size:9pt; padding:8px; text-align:center; border-top-right-radius:20px; border-top-left-radius:20px; margin:0}
        #tabTitle li:hover {background:#eee}        
        #tabTitle li.active {background:#ddd}
        #tabContents table {width:800px; border-collapse:collapse}
        #tabContents table td { border:1px solid #ccc; text-align:center; height:20px}
        #tabContents table th { border:1px solid #ccc; text-align:center; background:#ddd; font-size:9pt; padding:5px}
        #tabContents table .receivePerson {width:10%}
        #tabContents table .sendPerson {width:10%}
        #tabContents table .messageContents {width:50%}
        #tabContents table .sentTime {width:20%}
        #tabContents table .receiveCheck {width:30px}
        
        #receiveMessage {visibility:hidden}
        
    </style>